<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="body-cont">
    <div class="content-wrapper-small">
        <hr>
        <div class="examples-cont">
            <button class="main-button button-example loud-link-hover" data-src="shimmer-vibes" type="button" name="button">Hover over me</button>
            <button class="main-button button-example loud-link-click" data-src="magic" type="button" name="button">Click me</button>
 <!--           <figure class="picture-example">
                <img src="images/cattoiletpaper.gif" class="loud-link-hover" data-src="cat-meow" alt="an awesome cat rolling toilet some paper">
            </figure>-->
          <!--  <figcaption class="picture-caption">It works on anything, even on cat gifs!</figcaption>-->
        </div>
        <hr>
<!--        <div class="done-cont">
            <a class="link-example loud-link-hover" data-src="yeah-baby" href="https://github.com/mahdif/loud-links/" target="_blank" onclick="ga('send', 'event', 'view-on-GitHub', 'view-on-GitHub-Footer-link');">View on GitHub</a>
            <a class="main-button button-example loud-link-click" data-src="success" href="https://loudlinks.rocks/js/loudlinks.min.js" target="_blank" onclick="ga('send', 'event', 'download-library', 'Download-Footer-Link');">Download</a>
            <hr>
        </div>-->
    </div>
</div>

<script src="../scripts/loud/loudlinks.min.js"></script>
<!--<audio preload="true">
    <source type="audio/mpeg" src="../styles/sounds/cat-meow.mp3">
    <source type="audio/mpeg" src="../styles/sounds/magic.mp3">
    <source type="audio/mpeg" src="../styles/sounds/shimmer-vibes.mp3">
    <source type="audio/mpeg" src="../styles/sounds/yeah-baby.mp3">
&lt;!&ndash;    <source type="audio/ogg" src="sounds/ogg/cat-meow.ogg">&ndash;&gt;
</audio>-->

</body>
</html>